8e:I[903690,["/chat-static/_next/static/chunks/0cxp4op0m1119.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2druaqheowhl8.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/00c0bu24wji78.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2o82vp45o81e5.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2lvmzw_lbp-jf.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2gyzl_dalq47j.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0sex0gcwdsmjy.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0wkge2f3s0f22.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1ggzqs8-kdl22.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0rrc9lo-bkkh5.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1j5k8gvtw8gdc.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/42mjea_hxrwdp.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0a4mwgsvj_bqu.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1t2vvxh4dupb4.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3-pn4n4eze_76.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1ovy71-w2povn.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/05vo5x924wz4s.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/37rh4z4c9595s.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0hms8tz4_m27c.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/332d35_pah0kr.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/18k2gve12j479.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1idn80rtjcasd.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0-pi40mz7bqkr.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2nl7z8xw_3un6.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1mo0iq2atp502.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3-9165k65ag24.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/326ugcf3n9jpc.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/27d-e_mtrq80p.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/046fqcvlcxx_w.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0h9h3jzy0z9y4.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1pr8_b61w-4h9.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/16ot-3kwt24hs.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3usbrh3-7_sgf.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/31wev-p231v4h.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/23crm4bdujzj_.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1w6lzrmet9bug.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/24jtal64lwnrj.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/02buq-_-_ooco.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3ec3uj44xo5pu.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/22_9cmbp37bso.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0xfnk8tx-4t2w.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/0cxp4op0m1119.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2druaqheowhl8.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/00c0bu24wji78.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2o82vp45o81e5.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2lvmzw_lbp-jf.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2gyzl_dalq47j.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0sex0gcwdsmjy.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0wkge2f3s0f22.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1ggzqs8-kdl22.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0rrc9lo-bkkh5.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1j5k8gvtw8gdc.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/42mjea_hxrwdp.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0a4mwgsvj_bqu.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1t2vvxh4dupb4.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3-pn4n4eze_76.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1ovy71-w2povn.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/05vo5x924wz4s.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/37rh4z4c9595s.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0hms8tz4_m27c.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/332d35_pah0kr.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/18k2gve12j479.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1idn80rtjcasd.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0-pi40mz7bqkr.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/2nl7z8xw_3un6.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1mo0iq2atp502.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3-9165k65ag24.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/326ugcf3n9jpc.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/27d-e_mtrq80p.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/046fqcvlcxx_w.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0h9h3jzy0z9y4.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1pr8_b61w-4h9.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/16ot-3kwt24hs.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3usbrh3-7_sgf.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/31wev-p231v4h.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/23crm4bdujzj_.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/1w6lzrmet9bug.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/24jtal64lwnrj.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/02buq-_-_ooco.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/3ec3uj44xo5pu.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/22_9cmbp37bso.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN","/chat-static/_next/static/chunks/0xfnk8tx-4t2w.js?dpl=dpl_4uBxQiRg2LHYuXjU4AEhd8czN2mN"],"SWRDataProvider"] 90:T2a6c,[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import { useEffect, useRef, useState } from "react" export default function Home() { const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }) const leftEyeRef = useRef(null) const rightEyeRef = useRef(null) useEffect(() => { const handleMouseMove = (e: MouseEvent) => { setMousePosition({ x: e.clientX, y: e.clientY }) } window.addEventListener("mousemove", handleMouseMove) return () => window.removeEventListener("mousemove", handleMouseMove) }, []) useEffect(() => { if (!leftEyeRef.current || !rightEyeRef.current) return const updateEyePosition = (eyeRef: HTMLDivElement) => { const rect = eyeRef.getBoundingClientRect() const eyeX = rect.left + rect.width / 2 const eyeY = rect.top + rect.height / 2 const angle = Math.atan2(mousePosition.y - eyeY, mousePosition.x - eyeX) const distance = Math.min( 4, Math.sqrt(Math.pow(mousePosition.x - eyeX, 2) + Math.pow(mousePosition.y - eyeY, 2)) / 25, ) const pupilX = Math.cos(angle) * distance const pupilY = Math.sin(angle) * distance const pupil = eyeRef.querySelector(".pupil") as HTMLElement if (pupil) { pupil.style.transform = `translate(${pupilX}px, ${pupilY}px)` } } updateEyePosition(leftEyeRef.current) updateEyePosition(rightEyeRef.current) }, [mousePosition]) return (

Move your cursor to see the pixel cat's eyes follow!

) }84:["$","$L8e",null,{"chatId":"tZf07edqOw4","children":["$","$L8f",null,{"data":{"@\"active-block\",\"tZf07edqOw4\",":{"id":"b_2p4AhhZS9Rg","messageId":"M61YxtDaNF6f4w6vBBPhI8G19tuEWrPO","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"cat-eyes-tracker","type":"code-project","project":"cat-eyes-tracker","taskNameActive":"Adding detailed pixel features","taskNameComplete":"Enhanced pixel cat details"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"tZf07edqOw4\",":false,"":null},"children":"$L91"}]}]

About

Tags

Share

About

Tags

Share

More from rajoninternet

More Templates Like This